<template>
  <div class="features">
    <header>
      <h1>Features</h1>
      <router-link to="/home">返回首页</router-link>
      <router-link to="/features">特性</router-link>
    </header>
    <main>
      <h2>特性</h2>
      <p>这是一个特性页面</p>
    </main>
    <footer>
      <p>Vue Admin</p>
    </footer>
  </div>
</template>

<script>
export default {
  name: "FeatureView"
}
</script>

<style scoped>
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #eee;
}
header a {
  text-decoration: none;
  color: #000;
}
main {
  padding: 10px;
}
footer {
  padding: 10px;
  background-color: #eee;
}
</style>